html,body{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
ul,ol{
  margin: 0;
  padding: 0;
  list-style:none;
}
em,i{
  font-style:normal;
}


.lt_container{
  width: 100%;
  height: 100%;
  min-width:320px;
  max-width:640px;
  margin:0 auto;
  position: relative;
  padding-top:45px;
  padding-bottom:55px;
  background-color: #fff;
}

.lt_header{
  width: 100%;
  height: 45px;
  position: absolute;
  top:0;
  left:0;
  background-color: #006699;
  padding: 0 45px;
  text-align: center;
  line-height:45px;
  z-index:999;

  .icon_left,
  .icon_right{
    width: 45px;
    height: 45px;
    position: absolute;
    top:0;
    line-height: 45px;
    color:#fff;
  }
  .icon_left{
    left:0;
  }
  .icon_right{
    right:0;
  }
  span{
    color:#fff;
  }
}

.lt_footer{
  width: 100%;
  height: 55px;
  position: absolute;
  bottom:0;
  left:0;
  background-color: #006699;
  // z-index: 999;
  li{
    float:left;
    width: 25%;
    &.now a{
      color: goldenrod;
      p{
        color: goldenrod; 
      }
    }
    a{
      display:block;
      color: #fff;
      text-align: center;
      padding-top:8px;
      p{
        color: #fff;
        font-size: 12px;
      }
    }
  }
}

.lt_main{
  width: 100%;
  height: 100%;
  position: relative;
}
  
